<template>
    <div>路由参数：{{ $route.query.id }}</div>
</template>

<script>
export default {
    watch: {
        // 是一个不好的写法
        // '$route': function(value) {
        //     console.log(value)
        // }
        // 好的写法
        '$route.query.id': function(value) {
            console.log(value, '$route.query.id')
        }
    },
    // 最好的方式
    // 什么情况下不能这样用：当你的路由版本低于2.2版本，就不要使用
    beforeRouteUpdate(to, from, next) {
        console.log(to, from, next)
        next();
    }
}
</script>